<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>大鹅好车</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="0">
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/conmm.js"></script>
    <script src="js/cityInfo.js"></script>
</head>

<body>
    <div class="warpper">
        <div class="banner">
            <img src="images/banner.jpg">
            <div class="getFromInfo">
                <div class="getInfo">
                    <ul>
                        <li class="getName"><input type="text" placeholder="请输入您的姓名" class="name"></li>
                        <li class="getPhone"><input type="number" placeholder="请输入手机号" class="phone"></li>
                        <li class="getCode"><input type="number" placeholder="请输入验证码" class="code"><input type="button"
                                value="获取验证码" class="getCodeInfo org"></li>
                        <li class="getCity">
                            <select id="province" name="province">
                                <option value="广东省">广东省</option>
                            </select>
                            <select id="city" name="city">
                                <option value="深圳市">深圳市</option>
                            </select>
                        </li>
                    </ul>
                </div>
                <div class="submitInfo">立即申请</div>
                <div class="submitTips">*提交表单后请耐心等待客服专员与您联系</div>
            </div>
        </div>
        <div class="byStagesTab1">
            <div class="byStagesTab1Cont">
                <div class="tab1Title">选择驾培分期的理由</div>
                <div class="tab1Cont">
                    <ul>
                        <li>
                            <img src="images/deadline.png">
                            <h2>期限灵活</h2>
                            <p>3-12期</p>
                        </li>
                        <li>
                            <img src="images/apply.png">
                            <h2>一键申请</h2>
                            <p>自动审批</p>
                        </li>
                        <li>
                            <img src="images/installment.png">
                            <h2>无忧分期</h2>
                            <p>日息低</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="byStagesTab2">
            <div class="byStagesTab1Cont clearfix">
                <div class="tab2Title">什么是驾培分期</div>
                <div class="tab2Cont">“驾培分期”是大鹅好车联合多家优质驾校推出的学车分期付款服务，针对学车群体“资金不够一次性交纳驾考学费”的痛点，结合个人需求，提供专业的分期付款解决方案。</div>
            </div>
        </div>
        <div class="byStagesTab3">
            <div class="byStagesTab1Cont clearfix">
                <div class="tab3contL"><img src="images/demo.png"></div>
                <div class="tab3contR">
                    <img src="images/qr_code.png">
                    <p>扫码关注微信公众下载大鹅好车APP</p>
                </div>
            </div>
        </div>
        <div class="byStagesTab4">
            <div class="byStagesTab1Cont clearfix">
                <div class="tab4Title">温馨提示：</div>
                <div class="tab4Cont">个人要求：18-55周岁、征信良好、有稳定工作及收入。</div>
            </div>
        </div>
        <div class="tips" style="display:none">
            <div class="tipsSuccess">
                <div class="tipsTitle">提示<img src="images/delete.png"></div>
                <div class="StateImg"><img src="images/succeed.png"></div>
                <div class="StateTxt">您已提交，请耐心等待客服联系</div>
                <div class="StateInput"><span>确认</span></div>
            </div>
        </div>
    </div>

</body>

</html>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=vCvO3PsahAmvsV4xV8G1sbtTZPZwAldf"></script>
<script src="js/carByStages.js"></script>